<template>
	<view>
		<view class="main">
			<view class="billDetail" v-for="(item,index) in billData" :key="index">
				<text class="name">{{item.name}}</text>
				<text class="year">{{item.year}}</text>
				<text class="time">{{item.time}}</text>
				<text class="money">{{item.jiaorjian}} {{item.money}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				billData:[{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				},{
					name:'完成任务-送矿机天天收益',
					year:'2020-04-12',
					time:'12:30',
					jiaorjian:'+',
					money:'4545'
				}]
			};
		},
		methods:{
			back(){
				uni.navigateBack({
					delta:1,
				})
			}
		}
	}
</script>

<style>
		.main{
			width: 750rpx;
			position: relative;
			top: 0rpx;
			margin-bottom: 20rpx;
		}
		.billDetail{
			width: 680rpx;
			height: 135rpx;
			border-bottom: 1rpx solid #E5E5E5;
			position: relative;
			left: 35rpx;
		}
		.name{
			font-size:30rpx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(51,51,51,1);
			position: absolute;
			top: 38rpx;
		}
		.year{
			font-size:24rpx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(142,142,142,1);
			position: absolute;
			top: 89rpx;
		}
		.time{
			font-size:24rpx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(142,142,142,1);
			position: absolute;
			top: 89rpx;
			left: 150rpx;
		}
		.money{
			font-size:28rpx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(255,59,48,1);
			position: absolute;
			top: 62rpx;
			right: 0rpx;
		}
</style>
